.container {
    position: relative;
    top: 100px;
    left: 400px;
    width: 1000px;
    height: 430px;
    border: 70px solid #cecbcb;
}

* {
    margin: 0;
    padding: 0;
}

.first {
    width: 330px;
    height: 490px;
    background-color: rgb(15, 15, 39);
    position: absolute;
    right: 300px;
    top: -100px;
}

.firsonA {
    margin: 150px 10px 10px 50px;
}

.firsonA h1 {
    font: bold 15px Helvetica;
    color: #ffffff;
    overflow: hidden;
}

.firsonA p {
    font: bold 8px Helvetica;
    color: #cccccc;
}

.firsonB {
    margin: 20px 10px 10px -60px;
}

.btn {
    text-align: center;
    display: inline-block;
    color: rgb(19, 168, 253);
    width: 100px;
    height: 25px;
    background-color: rgb(255, 255, 255);
    text-emphasis: none;
    margin: 10px 0px 0px 60px;
}

a {
    text-decoration: none;
}


/* .firson {
    width: 300px;
    height: 400px;
    background-color: darkgray;
} */

.second {
    width: 290px;
    height: 320px;
    background-color: rgb(238, 238, 238);
    position: absolute;
    right: 300px;
    top: 120px;
}

.third {
    width: 270px;
    height: 210px;
    background-color: rgb(233, 168, 166);
    position: absolute;
    right: 280px;
    top: 340px;
    overflow: hidden;
}

.thison {
    margin: 30px 0px 0px 30px;
}

.thisonA h1 {
    font: bold 15px Helvetica;
    color: #7437e6;
    overflow: hidden;
}

.thisonA p {
    font: bold 8px Helvetica;
    color: #000000;
}

.btnA {
    text-align: center;
    display: inline-block;
    color: rgb(255, 255, 255);
    width: 90x;
    height: 25px;
    border: 2px solid #ffffff;
    text-emphasis: none;
    margin: 15px 0px 0px 0px;
}